/*#region reset*/
@font-face {font-family: "Roboto";src: url("/plugins/fonts/Roboto/Roboto-400.woff2") format("woff2");font-weight: 400;font-display: swap}
@font-face {font-family: "Cario";src: url("/plugins/fonts/Cairo/Cairo-400.woff2") format("woff2");font-weight: 400;font-display: swap}
@font-face {font-family: "Lato";src: url("/plugins/fonts/Lato/Lato-400.woff2") format("woff2");font-weight: 400;font-display: swap}
@font-face {font-family: 'OpenSans';src: url('/plugins/fonts/OpenSans/OpenSans-400.woff2') format('woff2');font-weight: 400;font-display: swap}
@font-face {font-family: 'OpenSans';src: url('/plugins/fonts/OpenSans/OpenSans-500.woff2') format('woff2');font-weight: 500;font-display: swap}

:root {
    /*default: 16px #333 1.6*/
    --container-width:1150px;
    --body-font-family: Roboto;
    --title-font-family: Cario;
    --body-color: #555;
    --body-line-height: 1.7;
    --body-bg-color: #fff;
    --main-color: #2b4882;
    --sub-color: #dd2821;
    --inquiry-btn-bg-color:#c31414;
    --banner-bg-color: #d3d3d3;
    --offcanvas-bg: #fff;
/*    --cart-btn-grow: 0;*/
    --side-bgcolor:#c31414;
    --video-play-color: #dd2821;
    --side-split-color:#fff;
/*    --swiper-navigation-size:100px;*/
}
/*html,body {position: relative;height: 100%;}*/
.feedback-result {font-size:24px; font-weight:bold}
.attr-wrapper{ position: relative;}
.mb-search {display:none;}
.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.btn-check+.btn{ border: 1px solid #f2f2f2;}
.btn-check:checked+.btn{ border: 1px solid #c42729;}

.main-container{padding:50px 0}
@media(max-width:768px) {
    .main-container{ padding: 30px 0;}
}

.search-group{ padding: 10px 15px;}
.search-group .form-control{border-radius: 5px 0 0 5px;background: #f2f2f2;padding: .25rem .75rem;height: auto;font-size:0.75rem}
.search-group .btn {border: 1px solid transparent;border-left-width: 0;border-radius: 0 5px 5px 0;color: #fff;background: var(--main-color); padding: 1px 13px;}

/*#region top bar & menu*/
.header{ padding: 12px 0;color:#555;background: #f8f8f8;line-height: 1;}
.header a{color:#555}
.header .split{margin:0 12px;}
.header .icon{ margin-right: 0.25rem;line-height: 1;}

.lang{margin-left:10px;}
.lang img{ margin-right: 5px;}
.lang .dropdown-toggle{ padding: 6px 0;background: transparent;border: 0;}
.lang .dropdown-menu{ z-index: 1021;}
.lang .dropdown-item{ color: #666;}

.navbar{width: 100%;top: 0;transition: transform ease 0.4s;background: #fff;border-bottom: 1px solid #f2f2f2;}
/*.navbar .dropdown[data-bs-desktop] > .dropdown-menu {display: block;transition: all  0.6s ease-in;max-height: 0px;overflow: hidden}
.navbar .dropdown[data-bs-desktop]>.dropdown-toggle:hover+ .dropdown-menu{ max-height: 1000px;}*/
.navbar-brand{ padding: 15px 0;}
.navbar-brand>.img-fluid{ max-width: 140px;}
.navbar .nav-link {flex-grow: 1; padding:5px 20px; font-weight:bold; font-size:16px;text-transform: uppercase;color:#444; transition:background .3s ease;}
.navbar .nav-link:hover,.navbar .nav-link.active,.navbar-nav .dropdown-item:hover,.navbar-nav .nav-item.active>.nav-link{
    background: var(--main-color);
    color:#fff;
}

.nav-quote{ margin-left:10px;background: var(--main-color);border-width: 0;color:#fff;font-size:14px;border-radius: 30px;padding: 5px 15px; }

.fixed-switch{transform: translateY(calc(-100% - 0px));}

/*.sticky-effect{ position: sticky}*/
.sticky-effect .navbar-brand>.img-fluid{ max-width: 120px;}
.sticky-effect{ background: transparent;}
@keyframes slidedown {
    0% {
        transform: translateY(-70px);
    }
    100% {
        transform: translateY(0);
    }
}
.fixed-effect{ position: fixed;width: 100%;top: 0px;background: #fff;animation: slidedown 0.7s ease-in;}
.fixed-effect1{transform: translateY(calc(-100% - 0px));}
@media(max-width:1200px) {
    .navbar-nav .dropdown-menu{ width: 100%;}
    .navbar-nav .dropdown-item,.navbar .nav-link{ text-align: center;justify-content: center;padding:0.75rem 1rem;}
}
.slide-effect{ background: #000;}
.slide-effect .navbar-toggler .icon{color:#fff!important}
.slide-effect .logo{filter:initial!important}
.navbar.slide-effect  .nav-link{ color: #fff}
/*#endregion*/


/*swiper缩略图*/
.swiper-gallery-thumbs {padding: 10px 0;--swiper-navigation-size:18px;--swiper-navigation-color:#fff}
.swiper-gallery-thumbs .swiper-button-next,.swiper-gallery-thumbs .swiper-button-prev {width: 18px;height: 36px;background: #9F9F9F;}
.swiper-gallery-thumbs .swiper-slide {position: relative;border: 1px solid #f2f2f2;transition: border ease 0.2s;background-size: cover;background-position: center;}
.swiper-gallery-thumbs .swiper-slide-thumb-active { border-color:#E3524F;}
/*缩略图背景模式*/
.swiper-gallery-thumbs.background .swiper-slide{ height: 100px;}
/*购物车图标*/
.widget-cart{ position: relative;}
.widget-cart-header{padding: 12px;font-size: 18px;}
.cart-counter{ position: absolute;right:0;top:0;display: none;text-align: center;width: 20px;height: 20px;line-height: 20px;font-size: 12px;border-radius: 50%;background: var(--main-color);color: #fff;}

/*#region banner*/
.banner-simple.background,.swiper.background {height: 390px;}
@media(max-width:768px) {
    .banner-simple.background {height: 170px}
    .swiper.background{ height: 220px;}
}
.product-thumb {position: relative; border: 1px solid #e6ecf2;}
/*以下项为图片带背景图显示标题和导航的设置。如不需要可删除*/
.overlay{background: rgba(0,0,0,0.4);}
.banner-nav{ display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff; width: 100%;}
.banner-nav .title{margin-bottom:12px;font-family: var(--title-font-family);text-transform: uppercase;font-weight: 700;font-size: 40px;}
.banner-nav .title::after {content: "";display: block;width: 70px;height: 2px;background: var(--main-color);margin: 5px auto 0;}
.banner-nav .breadcrumb{font-size: 15px;}
.banner-nav .breadcrumb-item a{ color: #fff; }
@media(max-width: 576px) {
    .banner-nav{ height: 170px;}
    .banner-nav .title{ font-size:18px;text-align:center;}
    .breadcrumb-item + .breadcrumb-item {text-align:center; font-size:12px;}
    .product-head .title {font-size:20px !important;}
    .widget-header .drop:after {color:#fff;}
}
/*以下项为首页banner背景模式时的设置，如不需要可删除*/
.home-banner video{ width: 100%;height: 100%;object-fit: cover;}
.container-xl.min {max-width:1350px;}
/*#endregion*/

.header-top {padding:5px 0; border-bottom: 1px solid #e5e5e5;}
.header-top .text-right {text-align:right;}
.header-top .info,.header-top .info a {font-size:14px;}
.header-top .info a:hover {text-decoration:underline; color:var(--main-color)}
.header-top .info div {margin-left:1rem;}
.pc-search input {font-size:15px !important; width:300px !important;padding:6px 12px !important;}
.navbar-nav .dropdown-menu li { border-bottom: 1px solid #ECECEC;}

.home-banner .inner-content {top:-16%;}
.home-banner .inner-content p,.home-banner .inner-content h2 {line-height:1;    margin-bottom: 0;}
.home-banner .inner-content p {font-size: 24px;}
.home-banner .inner-content h2 {font-size: 52px; color:#fff; margin-bottom:1rem;}
.home-banner .inner-content a {font-size: 20px;color:#fff; transition-duration:.3s; display:flex; display:-webkit-flex; justify-content:space-between; align-items:center; width: 200px;border: 1px #fff solid;padding: 20px 10px; margin-top: 4rem;}
.home-banner .inner-content a:after {content:"";color:#fff;font-family: CmsFont;}
.home-banner .inner-content a:hover {border-color:var(--main-color); color:#fff; background:var(--main-color)}
.home-banner .inner-content a:hover::after {color:#fff;}


.home-products {padding:4rem 0;}
.home-products .main-title {color:#fff; text-align:center;}
.main-title {padding:1rem 0;}
.main-title h2 {font-size:36px; font-weight:bold; }
.main-title p {font-size:16px;  }

.swiper-products section {position:relative;}
.swiper-products .swiper {padding-bottom:4rem;}
.swiper-products .swiper-pagination-bullet {width:22px; height:5px; border-radius:0; background:#fff;}
.swiper-products section .p-name {position:absolute; left:0; bottom:10%;padding:1rem; border-left:6px #386bd1 solid; background:rgb(56 107 209 / 74%); color:#fff; }

.nyhau-about {padding:0;}
.nyhau-about .col-md-6 {padding-left:0; padding-right:0;}
.nyhau-about .bg-about {height: 100%;display: flex;width: 100%;align-items: center;}
.nyhau-about .about-text-container {width:70%; padding:1rem 0;}
.nyhau-about .about-text-info {font-size:14px;padding-right:3rem;}
.nyhau-about .btn-more {background: var(--main-color); color: #fff; transition:opacity .3s ease; border-radius: 25px;padding: 0.4rem 3rem;}
.nyhau-about .btn-more:hover {opacity:.8;}
.nyhau-about .bg-tag-text {padding:1rem; border-left:6px #386bd1 solid; background:rgb(56 107 209 / 74%); color:#fff; }
.nyhau-about .bg-tag-text h3 {font-weight:bold; margin-bottom:5px;}
.nyhau-about .bg-tag-text p {margin-bottom:0; font-size:14px; }
.nyhau-about .about-features {padding:2rem 0;}
.nyhau-about .about-features .main-title {color:#FFF; text-align:center;}
.nyhau-about .nyhau-about-features {background:var(--main-color); color:#fff;}
.nyhau-about .nyhau-about-features h3 {font-size: 26px; font-weight: bold;}
.nyhau-about .nyhau-about-features p {font-size:14px;margin-bottom:0;}
.nyhau-about .bg-factory {width:100%; height:100%;border-top-left-radius: 120px;}
.nyhau-about .main-title  p {margin-bottom:0;}
.about-text-info p {margin-bottom:5px;}

.nyhau-applications {padding:4rem 0;}
.nyhau-applications-list {}
.nyhau-applications-list section {padding:2rem;}
.nyhau-applications-list .col-md-4 {position:relative;border-right: 1px #fff solid;}
.nyhau-applications-list .col-md-4::after {content:""; position:absolute; left:0; top:0; height:100%; width:100%; background:rgb(56 107 209 / 74%);}
.nyhau-applications-list section {position:relative; z-index:1;}
.nyhau-applications-list .alist-card {padding:3rem 0; color:#fff;}
.nyhau-applications-list .alist-card h3 {font-size:28px;}
.nyhau-applications-list .thumbtask img {transition:all .3s ease;  width: 100%;}
.nyhau-applications-list .thumbtask {overflow:hidden;}
.nyhau-applications-list section:hover img {transform:scale(1.08)}

.nyhau-information {padding:4rem 0;color:#fff;}
.nyhau-information .main-title {}
.nyhau-information i {font-size:3.2rem;}
.nyhau-information h3 {font-weight:bold; font-size:1.2rem; margin-bottom:0;} 
.nyhau-information section {padding:2rem 0;}
.nyhau-information section a {color:#fff;}
.nyhau-information .btn-container {padding:1rem 0;}
.nyhau-information .btn-container a.btn {color: #FFF; border: 1px #fff solid; padding: 0.5rem 3rem; border-radius: 31px; margin:auto; transition:all .3s ease;}
.nyhau-information .btn-container a.btn:hover {background:#fff; color:var(--main-color)}

.nyhau-news {padding:3rem 0;}
.nyhau-news-list a:hover {box-shadow:0 5px 20px rgba(0, 0, 0, 0.1); transform:translateY(-3px);}
.nyhau-news a:hover h3 {color:#386bd1}
.nyhau-news-list {}
.nyhau-news-list .col-md-6 {margin-bottom:2rem;}
.nyhau-news-list a {background:#fff; border-left:6px #386bd1 solid; padding:2rem; display:block;box-shadow:0 2px 6px rgba(0, 0, 0, 0.1); transition:all .3s ease;}
.nyhau-news-list a h3 {font-size: 18px;color: #333; font-weight: bold;margin-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; -webkit-line-clamp: 1;   line-height: 24px;height: 24px;transition:all .3s ease;}
.nyhau-news-list .news-summary {font-size: 14px;overflow: hidden; color: #333; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 3;height: 72px;}
.nyhau-news-list time {color: #888; font-size:14px; line-height: 24px;}
.nyhau-news .btn-container a.btn {color: var(--main-color); border: 1px var(--main-color) solid; padding: 0.5rem 3rem; border-radius: 31px; margin:auto; transition:all .3s ease;}
.nyhau-news .btn-container a.btn:hover {background:var(--main-color); color:#fff}

.hc-box {border:1px transparent solid;transition:all .5s linear;}
.hc-box img {transition:all .4s;}
.hc-box:hover {border-color:var(--main-color);background:#fff !important;}
.hc-box:hover img {transform:translateY(-8px);}
.hc-box:hover .btn {background:var(--main-color); color:#fff;}
.form-feedback .btn {max-width:100%;}
.z-1 {position:relative; z-index:1;}

.hcs-bottom {background:rgba(0,0,0,.2); color:#fff; padding:2.5rem 4rem;}
.hcs-bottom h3 {font-size:52px; font-weight:bold;}
.hcs-bottom p {font-size:18px; text-align:center; margin-bottom: 2.5rem;}

.product-param {word-break:break-all;}
.navbar .dropdown-menu {box-shadow:0 0 20px 3px rgba(0, 0, 0, .05);}
.navbar .dropdown-menu a {padding:0.5rem 1rem; color:#111;}
.navbar .dropdown-menu a:hover {background:var(--main-color);}
.widget-header .drop:after {color:#fff;}
.mb-3,.g-3 {margin-bottom:1rem;}
.main-wrapper{ margin-top: 60px;}
.page-title .breadcrumb {align-items:center;}
.product-head .title {font-size:1.3rem;}
.btn-inquiry {    display: block; background: #e20001; color: #fff; font-size: 1rem; padding: 0.7rem 0.75rem; border-radius:5px;}
.btn-inquiry:hover {color:#fff; opacity:.7}

.home-send-form {background:#fff; box-shadow:0 8px 30px 1px rgba(0,0,0,0.08); height:100%;}
.home-send-form .send-form { padding:2rem;}
.end-position {position:relative; bottom:-23px;}


@media(max-width:1320px) {
    .pc-search input {width: 179px !important;}
}

@media(max-width:1200px) {
    .navbar-nav .nav-item {padding: 0rem 1.2rem;}
}


@media(max-width:580px) {
    .hcs-bottom p {margin-bottom:1rem;font-size: 14px;}
    .header-top .social,.pc-search {display:none;}
    .product-col .entry-title {font-size:12px;}
    .navbar-brand {padding: 7px 0;}
    #protab button {margin-bottom:.1rem;}
    #protabcontent .card a {font-size:16px;}
    .home-news {background: #f7f7f7; padding: 0.5rem 0;}
    .home-send-form p {font-size:12px; line-height:20px;margin-bottom:0;}
    footer .title+p {font-size:14px;}
    footer {padding-top:2rem !important;}
    .header-top .info div {margin-left:4px;}
    .swiper-button-prev:after, .swiper-button-next:after {padding: 16px 8px !important;}
    article .title {font-size:20px !important;}
}
.swiper-button-prev:after, .swiper-button-next:after {background: var(--main-color);color: #fff; font-size: 25px; padding: 21px 13px;}


/*#region page-title &summary*/
.page-title{display: flex;background-repeat: no-repeat;background-position: center center;background-size: cover;line-height: 1;}
.page-title .container-xl,.page-title .container-fluid{display: flex;justify-content: space-between;align-items: center;}
.page-title .title{margin-bottom: 0;}
.page-title .breadcrumb:before{ font-family: cmsfont;content: "\f80a";margin-right: 0.25rem;}
@media(max-width:768px) {
    .home-banner .inner-content {display:none;}
    .page-title .container-xl, .page-title .container-fluid { flex-direction: column }
}
.page-summary{ margin-bottom: 30px;}
.page-summary h1,.page-summary h2,page-summary h3{ font-size: 18px;font-weight: 600;}

.shrink-wrapper{ margin-bottom: 30px;}
.shrink-wrapper .text{position: relative;overflow: hidden;text-overflow: ellipsis;transition: height .2s;margin-bottom: 8px;}
.shrink-wrapper .text::after {position: absolute;display: block;content: "";left: 0;right: 0;bottom: 0;height: 30px;background: linear-gradient(0,#fff 0,rgba(0,0,0,0));opacity: 1;transition: opacity .2s;}
.shrink-wrapper .text.expand{ max-height: 100% !important;text-overflow: unset;}
.shrink-btn{ background: transparent;border-width: 0;font-size: 14px;text-transform: uppercase;color: #696969;min-width:80px}
.shrink-btn::before{ display: inline-flex;font-family: CmsFont;content: "\f10b";margin-right: 5px;transition: transform .2s ease-in-out;}
.shrink-btn.expand::before{transform: rotate(-180deg)}

/*横向导航菜单*/
.menu-horizontal{display: flex;justify-content:center;list-style-type: none;padding: 0;margin: 0;}
.menu-horizontal .nav-item{display: flex;flex-direction: column;padding: 0 10px}
.menu-horizontal .nav-link{display: flex;justify-content: center;align-items: center;text-align: center;background: #f6f6f6;padding: 10px 25px;}
.menu-horizontal-wrapper{margin-bottom: 30px;}
.menu-horizontal .nav-link:hover{color:var(--main-color)}
.menu-horizontal .nav-link.active{ background: var(--main-color);color: #fff;}
@media(max-width:768px) {
    .menu-horizontal .nav-item{ padding: 0;border-bottom: 1px solid #eee;}
    .menu-horizontal .dropdown-menu {position: static;}
    .menu-horizontal .dropdown-item {text-align: center;}
    .service-mobile .share-link {color:#fff;}
}
/*#endregion*/

/*横向列表式*/
.filter-wrapper{  display: flex;flex-wrap: wrap;margin-bottom: 15px;}
.selected-wrapper{margin-bottom:20px}
.filter-wrapper .dropdown{ margin:0 5px 5px 0;}
.filter-wrapper .dropdown-menu{ border: 1px solid #f5f5f5;background: #fafafa;padding: 12px 10px;font-size: 14px;}
.filter-wrapper .dropdown-menu>li:hover{ color: var(--main-color);cursor: pointer}
.filter-wrapper .btn{background:#ECECEC;border-radius:0;padding:8px 15px;font-size:14px;}

.filter-wrapper .dropdown-menu a:hover{color:var(--main-color)}
.filter-wrapper label{ display: flex;align-items: center;}
.filter-wrapper label input{ margin-right: 5px;}
.filter-wrapper li{padding:4px 0;}

.select-item {display: inline-flex;align-items: center;line-height: 1;background: #F2F5FC;border: 1px solid #eeeeee;padding: 8px 8px;margin: 0 8px 0 0;font-size: 12px;}
.select-item b{font-weight: normal}
.select-item em{font-style: normal;color:#c82333}
.select-item::after {font-family: Cmsfont;content: "\f00e";margin-left: 5px;color: var(--main-color);}

/*纵向列表式*/
.filter-box{ padding: 15px;border-bottom: 1px solid #e7ebf7;}
.filter-box a:hover{color:#092E9F;}
.filter-box .title{ font-size: 14px;font-weight: 600;}
.filter-box .list-unstyled{ max-height: 160px;overflow-y:auto;font-size: 13px;scrollbar-width:thin}
.filter-box .list-unstyled li{ padding: 5px 0  0 25px;}
.filter-box label{ font-size: 13px;}
.filter-box input{ margin-right: 5px;}


.product-row{margin-bottom:40px;}
.product-row:hover .thumbnail::before{ opacity: 0.1;}
.product-row .entry-wrapper{padding: 0 20px;}
.product-row .entry-title{font-size: 22px;margin-bottom:15px;}
.product-row .entry-text{ color: #888;}
@media(max-width:768px) {
    .product-row .entry-wrapper{ padding: 20px 0;}
    .product-row .entry-title{ font-size: 16px;}
}

.product-col{ margin-bottom: 25px;border: 1px solid #E5E5E5;transition: all ease 0.2s;}
.product-col:hover {border-color: var(--main-color);}
.product-col .entry-wrapper{ padding: 14px 8px;background: #f2f2f2;}
.product-col h3{ margin: 0; text-align:center; }
.product-col .entry-title{margin: 0;text-align: center;font-weight: normal;font-size:15px;color:#111; margin-bottom:0;}
.product-col .entry-title a {color:#111;}
.product-col .thumbnail-wrapper{ overflow: hidden;}


.article-col{margin-bottom:40px;background:#f9f9f9}
.article-col .entry-wrapper{padding: 20px 12px;}
/*.article-col:hover .thumbnail::before{ opacity: 0.1;}*/
.article-col .entry-meta{ padding-bottom: 10px;color: #9e9e9e;font-size:14px;}
.article-col .entry-title{ font-family: var(--title-font-family);font-size: 16px;margin-bottom: 15px;transition: all ease-in 0.2s;}
.article-col .entry-title:hover{color:var(--main-color)}
.article-col .entry-text{ font-size: 15px;color: #666;line-height: 1.4;}


.article-row{margin-bottom:40px;}
.article-row .entry-wrapper{padding: 0 20px;}
.article-row:hover .thumbnail::before{ opacity: 0.2;}
.article-row .entry-meta{ padding-bottom: 10px;color: #777;font-size:14px;}
.article-row .entry-title{ font-family: var(--title-font-family);font-size: 22px;margin-bottom:15px; color:#111;}
.article-row .entry-text{ color: #777;}
.article-row .more{ display: block;margin-top: 20px;color:#111; font-size: 14px;font-weight: 700;text-transform: uppercase;transition: all ease 0.5s;}
.item-row .entry-title:hover {text-decoration:underline; color:var(--main-color)}
@media(max-width:768px) {
    .article-row .entry-wrapper{ padding: 20px 0;}
    .item-row .entry-title{ font-size: 16px;}
}


.pic-col{ margin-bottom: 1.75rem;border:1px solid #f2f2f2;transition: all ease 0.2s;}
.pic-col:hover{border:1px solid #ddd}
.pic-col .entry-wrapper{padding: 0.5rem 0.75rem;text-align: center;background: #eee;}
.pic-col .entry-title{ margin: 0;font-size:15px;}

.video-col{margin-bottom:24px;border: 1px solid #f6f6f6;overflow: hidden;}
.video-col .entry-wrapper{padding: 0.875rem 0.75rem;background: #777;color:#fff;}
.video-col .entry-title{ margin: 0;font-size:15px;font-weight: 400;text-align: center;}

/*#endregion*/


.main-wrapper{ margin-top: 60px;}
.layout-wrapper{ padding: 15px;border:1px solid #e9eef4}
/*#region sidebar*/
.sidebar{ top: 0;margin-bottom: 1.25rem;}

.widget{margin-bottom:1rem;}
.widget.border { border: 1px solid #e7e7e7;}
.widget-header{padding: 0.875rem;background: var(--main-color);color: #fafafa;}
.widget-header .title{position:relative;font-size:20px;font-weight:500;color:#fff;margin: 0; }
.widget-collapse .menu-item{border-bottom:solid 1px #f2f2f2;}
.widget-collapse .menu-item:last-child {border-bottom:none;}
.widget-collapse > .menu-item > .menu-link {font-weight:bold; font-size:16px;}
.widget-collapse .menu-link{ transition: background-color ease 0.2s;color: #666; padding:10px 7px;font-size:14px;}
.widget-collapse .menu-link:before{ content: "●";font-size:0.75rem;margin-right: 5px;color:#999}
.widget-collapse .menu-item:hover {color:var(--main-color); background:#f8f9fa;}
.widget-collapse .menu-item:hover a {color:var(--main-color); }
.widget-collapse .sub-menu .menu-link{ padding-left: 16px;}
.widget-collapse .third-menu .menu-link{ padding-left: 28px;}
.widget-collapse .menu-item.active .menu-link{ color:var(--main-color)}
.widget-collapse .drop:after{ font-family: cmsfont;content: "\f107";transition: transform .2s ease-in-out;color: #777;}
.widget-collapse .drop.collapsed:after{transform: rotate(-180deg);}
@media(max-width:768px) {
    .widget-header {margin-bottom: 15px;}
    .sidebar{ border-width: 0;padding: 0;background: #fff;}
}

.media-article{ margin-bottom: 15px;}
.media-article img{ max-width: 90px;margin-right: 12px;}
.media-article .post-title{ font-size:14px;font-weight: normal;margin-bottom: 2px;line-height: 1.5;}
.media-article .post-title a {color:#111;}
.media-article .post-title a:hover{ color: #C42729;transition: color ease 0.2s;}
.media-article time{ font-size: 0.875rem;color:#8c95a2}
@media(max-width:1200px) {
    .nyhau-about .about-text-container {width:100%; padding:1rem;}
}
@media(max-width:992px) {
    .media-article img{max-width:100px}
    .nyhau-applications-list .alist-card h3 {font-size:20px;}
    .nyhau-information p {font-size:14px; margin-bottom: 0;}
    .nyhau-information i {font-size: 2.2rem;}
    .main-title h2 {font-size:28px; }
    footer {background:#1b366d !important;}
    .nyhau-about .nyhau-about-features h3 {font-size:18px; }
}

.media-product{padding:10px;margin-bottom:15px;border:1px solid #eee;}
.media-product:hover{ border-color: var(--main-color);transition: all ease 0.3s;}
.media-product img{ max-width: 85px;margin-right: 12px;}
.media-product .post-title{margin: 0;font-size: 14px;font-weight: normal;margin-bottom: 2px;line-height: 1.5;}
.media-product .post-title a {color:#111;}
.media-product .post-title a:hover{ color: var(--main-color);transition: color ease 0.2s;}
.media-product .no{ margin: 5px 0 0;font-size: 12px;color:#8395a2;}
.media-product .more{margin: 5px 0 0;text-transform: uppercase;color:var(--main-color);font-size:12px;}
.media-product .more:after{font-family:cmsfont;content:"\f0da";padding-left:5px;}
.media-product .more:hover{color:var(--main-color);transition:all ease .2s;}
@media(max-width:992px) {
    .media-product img{max-width:100px}
}

/*page*/
.nav-page-wrapper {display: flex;justify-content: center;margin-top: 2rem;}
.nav-page-wrapper a {background: #342C2A;color: #fff;padding: 5px 10px;margin-right: 10px;}
.nav-page-wrapper a:last-child{ margin-right: 0;}
/*#endregion*/

/*#region content wrapper*/
.content-container{margin-bottom: 1.5rem;border:1px solid #e9eef4}
.nav-tabs-product {background:#f2f2f2;justify-content:start;}
.nav-tabs-product .nav-link {padding:12px 28px;border-width: 0;background: #aaa;color: #fff;}
.nav-tabs-product .nav-link.active{ background: var(--main-color);color: #fff;}

.content-wrapper{ padding: 20px; font-size:16px;}
.content-wrapper h2,.content-wrapper h3{font-size: 20px;font-weight: 500;color:#0c2e60}
.content-wrapper a{color:var(--main-color)}
.content-wrapper table thead th{ background: #777;color: #fff;font-weight: 500;}
.content-wrapper table th,.content-wrapper table td {padding: 0.5rem;vertical-align: middle;border: 1px solid #dee2e6;text-align: center;}
.content-wrapper table tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.03);}
.content-wrapper table tbody tr:hover {background-color: rgba(0, 0, 0, 0.075);color: #555;}
/*.content-wrapper table p{ margin-bottom: 0;}*/


.post-nav{display: flex;justify-content: space-between;padding: 15px 20px;margin-bottom: 30px;background: #f2f2f2;line-height:1.5;font-size:14px;border-radius: 5px;}
.post-nav span{ font-weight: 500;}
.post-nav a:hover{color:var(--main-color)}
@media(max-width:768px){
    .post-nav{flex-direction: column}
    .post-nav .next{ margin-top: 8px;}
}

.page-link{padding: .5rem 0.875rem;}
.page-item.active .page-link {color: #fff;background-color: #444;border-color: #444;}

/*#end content wrapper*/
.item-list {list-style-type: none;margin: 0;padding: 0;margin-bottom: 15px;}
.item-list li {border-bottom: 1px dashed #eee;padding:12px 0;}
.item-list>li>a {display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.item-list>li>a:hover {color: #FE8301;}
.item-list li a::before{font-family:cmsfont;content:"\f122";margin-right:8px;margin-left: 4px;}
.item-list li time {float: right;padding-right: 5px;margin-left: 8px;color: #999;}
/*#endregion*/

@media(max-width:740px) {
    .bg-about {height:350px !important;}
    .nyhau-about .about-text-info {padding-right:0;}
    .about-text-info p {margin-bottom:0;}
    .nyhau-about .nyhau-about-features p {font-size:12px;}
    .nyhau-about .about-features {padding:1rem 0;}
    .header-search-mb {padding:10px;}
}
@media(max-width:670px) {
    .nyhau-applications-list .alist-card,.nyhau-information {padding:1rem 0;}
    .nyhau-information section {padding:0;}
    .nyhau-applications-list section {padding:1rem;}
    .nyhau-applications-list .alist-card p {margin-bottom:0; font-size:14px;}
    .bg-about {height:310px !important;}
    .nyhau-information h3 {font-size:1rem;}
    .nyhau-news-list a {padding:1rem;}
    .nyhau-news,.nyhau-applications,.home-products {padding:1rem 0;}
    .nyhau-news-list .col-md-6 {margin-bottom:.5rem;}
    .nyhau-news .main-title p {margin-bottom:0;}
    .footer-bottom .container-xl {text-align:center;}
    .nyhau-applications-list .thumbtask img {width:100%;}
    .main-title p {font-size:14px;}
    .swiper-products section .p-name {padding:4px; font-size:13px;}
}
@media(max-width:500px) {
    .bg-about {height:200px !important;}
    
}
/*#region content-head-container*/
.product-head { margin-bottom: 25px;background: #fff;--param-width: 160px; --param-padding: 6px;--param-color: #555;}
.product-head .entry-wrapper{}
.product-head .title {font-size: 24px;color: #333;font-weight: 500;margin-bottom: 16px;}
.product-summary{ font-size: 14px;margin-bottom: 10px;}
.product-summary p:not(:last-child){ margin-bottom: 8px;}
.product-param{ padding: 5px 0;border-top:1px solid #e5e5e5;}
.product-head .tag-wrapper{ padding: 8px 0;border-bottom: 1px solid #e5e5e5;font-size: 13px;}
.product-head .tag-wrapper a{display:inline-flex;padding:4px 6px;background: #eee;margin: 5px 5px 5px 0;font-size: 12px;border-radius: 6px;color: #333;}
.product-head .tag-wrapper a:before{ font-family: CmsFont;content: "\f02b";margin-right: 4px;}
.product-head .btn-inquiry{background: var(--sub-color);color:#fff;flex-grow: 1;}
.product-head .btn-inquiry:hover{background:var(--sub-color);}
.product-head .btn-addtocart{ background: #e8b62d;}
@media(max-width: 768px) {
    .product-head .entry-wrapper {margin-top: 20px; }
}
.attr-value-wrapper{ display: flex;flex-direction: row;flex-grow: 0;}
.attr-value-item{ display: flex;align-items: center;flex-shrink: 0;margin-right: 12px;background: #f2f2f2;border:1px solid #ccc}
.attr-value-item i{ font-style: normal; margin: 0 8px;font-size: 14px;}
.attr-value-img{ max-height: 40px;}
/*#endregion*/



.faq-row{ margin-bottom: 0;}
.faq-row .entry-title{display:flex;justify-content:space-between;align-items:center;margin:0;cursor:pointer;padding: 15px 10px;border-bottom:1px solid #B2B3B7;font-size:16px;font-weight:600;transition: all ease 0.2s;}
.faq-row .entry-title::after{font-family: CmsFont;content: "\f0d7";margin-left:8px;font-size:16px;font-weight:normal;color:#777;transition:all ease 0.2s;}
.faq-row .entry-title.collapsed::after{transform: rotate(-180deg);}
.faq-row .entry-wrapper{ padding: 15px;color: #777;}
.faq-row .entry-wrapper img{ max-width: 100%;}

/*#region footer*/
footer {background: #313337;color: #ccc;padding-top: 3rem;}
/*footer li{ padding: 3px 0;}*/
/*footer .row >[class*="col-"]{margin-bottom:20px;}*/
footer h4{font-family: var(--title-font-family);font-size:20px;margin-bottom:15px;font-weight: bold; color:#fff;}
footer a{color:#ccc}
footer li a {display: inline-block;font-size: 16px; color: #ccc;transition: all .5s; line-height: 30px;}
footer a:hover{ color: #fff; text-decoration:underline;}
footer .social {margin-bottom:1rem;}
footer .contact-info .icon{ margin-right: 5px;}
footer .footer-bottom{padding: 15px 0;font-size: 14px;}
.bg-grey {background: #f6f6f6;}
/*#endregion*/
/*#region company page*/
.company-wrapper { margin-bottom: 40px;line-height: 1.8}
.company-wrapper .title {font-family: var(--title-font-family);font-size: 28px;text-transform: uppercase;color: #333;font-weight: 700;margin-bottom: 30px;}
.company-wrapper .title::after{display: block;content: "";margin-top: 10px;width: 60px;height: 3px;background: var(--main-color);border-radius:2px;}

.company-features {color: #666;padding: 60px 0;line-height: 1.7;}
.company-features .title{ font-family: var(--title-font-family);font-size:34px;font-weight: 700;text-transform: uppercase;margin-bottom: 50px;text-align: center;color:#333}
.company-features .title::after{display: block;content: "";margin: 10px auto 0;width: 60px;height: 3px;background: var(--main-color);border-radius:2px;}
.company-features .entry-wrapper{ padding: 20px 0;}
.company-features .entry-title{ font-family: var(--title-font-family);font-size: 18px;font-weight: 600;color:var(--sub-color)}
.company-features .entry-content{ font-size: 14px;}
.company-features p{ margin-bottom: 0;}
@media(max-width:768px) {
    .company-wrapper .title{font-size:24px;}
    .company-features{ padding: 60px 0 40px;}
    .company-features .title{ font-size: 24px;}
    .mb-search {display:flex; padding:3px 0;}
    .mb-search .search-group {max-width:100%;}
    .product-col h3 {line-height:1;}
    .product-col .entry-title {font-size:13px;}
    .content-wrapper.product .content h2, .content-wrapper.product .content h3 {font-size:16px;}
.content-wrapper table th, .content-wrapper table td {font-size:12px; padding:3px;}
    #form-feedback {margin-bottom:1rem;}
	footer .footer-bottom {font-size:13px;}
    footer li a,footer,.nav-tabs-product .nav-link {font-size:14px !important;}
    .hcs-bottom {padding: 0.5rem 1rem;}
    .search-group .btn {padding:6px 13px;}
    .content-wrapper.product .content {font-size:14px; padding:1rem;}
.content-wrapper.product .content h2, .content-wrapper.product .content h3 {font-size:16px;}
    .content-wrapper {font-size:14px;padding:12px;word-break: break-all;}
    .content-wrapper p {margin-bottom:5px;}
}

/*#endregion*/
/*#region home page*/
.home-title{ position: relative;color: #333;font-weight: 600;font-size: 2rem;font-family: var(--title-font-family);padding-bottom: 15px;margin-bottom: 30px;text-transform: uppercase;}
.home-title::after {display: block;content: "";width: 120px;height: 2px;background-color:var(--main-color);margin-top: 12px;}
.home-title.text-center{text-align: center;}
.home-title.text-center::after{ margin-left: auto;margin-right: auto;}

.home-container{ position: relative;margin-top: -60px;}

.home-features .row>*{ display: flex;}
.feature-wrapper{ display: flex;flex-grow: 1;align-items: center;padding:20px;border-radius: 16px;background:#fff;border: 1px solid #f6f6f6;margin-bottom: 20px;box-shadow: rgba(0, 0, 0, 0.15) 0 5px 10px 0;}
.feature-wrapper p{ padding-left: 15px;margin: 0;align-items: center;}

@media(max-width:992px) {
    .home-container{ top: 0;padding:40px 0 0}
    .feature-wrapper{ border-radius: 0;box-shadow: none;border-color: #eee}
    }
    /*#endregion*/
.side-share .share-item:nth-of-type(1) .share-link {background:#25d366;} 
.side-share .share-item:nth-of-type(1) .share-pop {background:#25d366;} 
.side-share .share-item:nth-of-type(2) .share-link {background:#f69304;} 
.side-share .share-item:nth-of-type(2) .share-pop {background:#f69304;} 
.side-share .share-item:nth-of-type(3) .share-link {background:#2aae67;} 
.side-share .share-item:nth-of-type(3) .share-pop {background:#2aae67;} 
.side-share .share-item:nth-of-type(4) .share-link {background:var(--main-color);} 
.side-share .share-item:nth-of-type(4) .share-pop {background:var(--main-color);} 
.side-share .share-item:nth-of-type(5) .share-link {background:#03a9f4;} 
.side-share .share-item:nth-of-type(5) .share-pop {background:#03a9f4;}